import React from "react";
import { Link } from "react-router-dom";
import './Footer.scss'
import classNames from 'classnames';

function Footer(props) {
  let active = props.active
  // console.log(active);
  return (
    <div className="bottom">
      <Link className={classNames("flex fdc fcc", { active: active === '01' })} to="/home">
        <i className="iconfont icon-xiazai45 f20"></i>
        <span className="mt-5 f12">首页</span>
      </Link>
      <Link className={classNames("flex fdc fcc", { active: active === '02' })} to="/demand">
        <i className="iconfont icon-htmal5icon18 f20"></i>
        <span className="mt-5 f12">提交需求</span>
      </Link>
      <Link className={classNames("flex fdc fcc", { active: active === '03' })} to="/find">
        <i className="iconfont icon-faxian f20"></i>
        <span className="mt-5 f12">发现</span>
      </Link>
      <Link className={classNames("flex fdc fcc", { active: active === '04' })} to="/my">
        <i className="iconfont icon-wode f20"></i>
        <span className="mt-5 f12">我的</span>
      </Link>
      <Link className="f12" to="/demo">demo</Link>
    </div>
  );
}
export default Footer